<template>
  <div class="themeTitle" >
    <div class="titleWord">
      {{title}}
    </div>
  </div>
</template>

<script>
import { inject } from "vue";
export default {
  setup(){
    const title = inject("title")
    return {
     title
    }
  }
    
}
</script>

<style lang="stylus" scoped>
  @import '../../assets/varibles.styl'
  .themeTitle
    width:vw(365)
    height:vh(32)
    background: url('/data/images/hngk/themeTitle.png')
    background-repeat: no-repeat
    background-size: 100% 100%
    background-position:bottom left
    .titleWord
      letter-spacing :vw(1)
      font-size:vw(18)
</style>